<template>
    <div class="legend">
        <img :src="ImgSrc[legendIndex]">
    </div>
</template>

<script>
    export default {
        name: "test",
        props: ['legendIndex'],
        data() {
            return {
                ImgSrc : [
                    require("@/assets/E02BeltLegned.png"),
                    require("@/assets/P10BeltLegned.png"),
                    require("@/assets/AtmosLegned_400.png"),
                    require("@/assets/SAA_AP_Legned.png"),
                    require("@/assets/SAA_AE_Legned.png"),
                    require("@/assets/MagnetoLegend.png")
                ]
            }
        }
    }
</script>

<style scoped>
    .legend {
        width: 380px;
        display:inline-block;
    }
</style>
